﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ControlRegisterNPP.ascx.cs" Inherits="Usercontrol_ControlRegisterNPP" %>
<link rel="stylesheet" href='<%=ResolveUrl("~/Css/FormLayout.css")%>' type="text/css" />
<link rel="stylesheet" href='<%=ResolveUrl("~/Css/datePicker.css")%>' type="text/css" />
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/popup.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/jquery.alphanumeric.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/date.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/jquery.datePicker.js")%>'></script>
<script type="text/javascript" src='<%=ResolveUrl("~/Scripts/Validate.js")%>'></script>
<%@ Import Namespace="webapp4U" %>

<style type="text/css">
        .textboxDai
        {
            width:200px;
        }
        .Drop
        {
            width:150px;
        }
        .bt
        {
            position:absolute;
        bottom:0px;
        }
        .btButton
        {
            float:right;
        }
        #backgroundPopup{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        height:100%;
        width:100%;
        top:0;
        left:0;
        background:#000000;
        border:1px solid #cecece;
        z-index:1;
        }
        #popupContact{
        display:none;
        position:fixed;
        _position:absolute; /* hack for internet explorer 6*/
        height:600px;
        width:600px;
        background:#FFFFFF;
        border:2px solid #cecece;
        z-index:2;
        padding:12px;
        font-size:13px;
        overflow:scroll;
        }
        #popupContact h1{
        text-align:left;
        color:#6FA5FD;
        font-size:22px;
        font-weight:700;
        border-bottom:1px dotted #D3D3D3;
        padding-bottom:2px;
        margin-bottom:20px;
        }
        #popupContactClose{
        font-size:14px;
        line-height:14px;
        right:6px;
        top:4px;
        position:absolute;
        color:#6fa5fd;
        font-weight:700;
        display:block;
        }
</style>
<script type="text/javascript">
    $().ready(function () {

        //Kiểm tra thông tin họ tên
        $('#txtHoTen').blur(function () {
            $('span.error-keyup-1').hide();
            var hotenNPP;
            hotenNPP = $("#txtHoTen").val();
            if (CheckEmpty(hotenNPP)) {
                $('span.error-keyup-1').removeClass('error error-keyup-1');
            }
            else {
                $('#txtHoTen').after('<span class="error error-keyup-1">Phải nhập họ tên.</span>');
            }
        });
        //Kiểm tra số điện thoại
        $('#txtSoDT').blur(function () {
            $('span.error-keyup-2').hide();
            var txtSoDT;
            txtSoDT = $("#txtSoDT").val();
            if (CheckEmpty(txtSoDT)) {
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/Webservice/WebService.asmx/CheckTelNo")%>',
                    data: "{'TelNo':'" + txtSoDT + "','salesp_key':'abc'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        if (data.d == "1") {
                            $('#txtSoDT').after('<span class="error error-keyup-2">Trùng số điện thoại.</span>');
                        }
                        else {
                            $('span.error-keyup-2').removeClass('error error-keyup-2');
                        }
                    }
                });
            }
            else {
                $('#txtSoDT').after('<span class="error error-keyup-2">Phải nhập số điện thoại.</span>');

            }
        });
        //Kiểm tra số CMND
        $('#txtSoCMND').blur(function () {
            $('span.error-keyup-3').hide();
            var txtSoCMND;
            txtSoCMND = $("#txtSoCMND").val();
            if (CheckEmpty(txtSoCMND)) {
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/Webservice/WebService.asmx/CheckIDNo")%>',
                    data: "{'IDNo':'" + txtSoCMND + "','salesp_key':'abc'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        if (data.d == "1") {
                            $('#txtSoCMND').after('<span class="error error-keyup-3">Trùng số chứng minh.</span>');
                        }
                        else {
                            $('span.error-keyup-3').removeClass('error error-keyup-3');
                        }
                    }
                });
            }
            else {
                $('#txtSoCMND').after('<span class="error error-keyup-3">Phải nhập số chứng minh.</span>');

            }
        });
        //Kiểm tra thông tin ngày sinh
        $('#txtNgaySinh').blur(function () {
            $('span.error-keyup-4').hide();
            var txtNgaySinh;
            txtNgaySinh = $("#txtNgaySinh").val();
            if (CheckEmpty(txtNgaySinh)) {
                if (CheckDateFormat(txtNgaySinh)) {
                    $('span.error-keyup-4').removeClass('error error-keyup-4');
                }
                else {
                    $('#txtNgaySinh').after('<span class="error error-keyup-4">Không đúng định dạng dd/MM/yyyy.</span>');
                }
            }
            else {
                $('#txtNgaySinh').after('<span class="error error-keyup-4">Phải nhập ngày sinh.</span>');
            }
        });
        //Kiểm tra thông tin địa chỉ thường trú
        $('#txtDiaChiThuongTru').blur(function () {
            $('span.error-keyup-5').hide();
            var txtDiaChiThuongTru;
            txtDiaChiThuongTru = $("#txtDiaChiThuongTru").val();
            var sonha = txtDiaChiThuongTru.split(' ');
            var TenDuong = txtDiaChiThuongTru.substring(sonha[0].length);
            if (CheckEmpty(txtDiaChiThuongTru)) {
                $("#txtLienHe").val(sonha[0]);
                $("#txtTenDuong").val(TenDuong);
                $('span.error-keyup-5').removeClass('error error-keyup-5');
            }
            else {
                $('#txtDiaChiThuongTru').after('<span class="error error-keyup-5">Phải nhập địa chỉ thường trú.</span>');
            }
        });
        //Kiểm tra thông tin địa chỉ liên lạc
        $('#txtLienHe').blur(function () {
            $('span.error-keyup-6').hide();
            var txtLienHe;
            txtLienHe = $("#txtLienHe").val();
            if (CheckEmpty(txtLienHe)) {
                $('span.error-keyup-6').removeClass('error error-keyup-6');
            }
            else {
                $('#txtLienHe').after('<span class="error error-keyup-6">Phải nhập địa chỉ liên hệ.</span>');
            }
        });
        //Kiểm tra thông tin tên đường
        $('#txtTenDuong').blur(function () {
            $('span.error-keyup-7').hide();
            var txtTenDuong;
            txtTenDuong = $("#txtTenDuong").val();
            if (CheckEmpty(txtTenDuong)) {
                $('span.error-keyup-7').removeClass('error error-keyup-7');
            }
            else {
                $('#txtTenDuong').after('<span class="error error-keyup-7">Phải nhập tên đường.</span>');
            }
        });
        //Kiểm tra thông tin địa chỉ mail
        $('#txtEmail').blur(function () {
            $('span.error-keyup-8').hide();
            var txtEmail;
            txtEmail = $("#txtEmail").val();
            if (CheckEmpty(txtEmail)) {
                if (CheckEmail(txtEmail)) {
                    $('span.error-keyup-8').removeClass('error error-keyup-8');
                }
                else {
                    $('#txtEmail').after('<span class="error error-keyup-8">Địa chỉ mail không hợp lệ.</span>');
                }
            }
            else {
                $('#txtEmail').after('<span class="error error-keyup-8">Phải nhập địa chỉ mail.</span>');
            }
        });
        //Sự kiện checkbox đồng ý điều khoản

        $("#chDoc").click(function () {
            if ($('input[name=foo]').is(':checked')) {
                $("#btDangKy").removeAttr("disabled");
            }
            else {
                $("#btDangKy").attr("disabled", "disabled");
            }
        });

        //Kiểm tra session["sender"] và session["username"] có null hay ko
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/Webservice/WebService.asmx/ConfirmSessionSender")%>',
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                if (data.d == "notreadonly") {
                }
                else {
                    $("#txtMaBaoTro").val(data.d);
                    $("#txtMaBaoTro").attr('readonly', 'true');
                    GetRecommender(data.d);

                }
            }
        });

        $("#btDangKy").click(function () {
            if ($("#txtMaRandom").val() == $("#Random").text()) {
                var txtHotenBaoTro;
                txtHotenBaoTro = $("#txtHotenBaoTro").val().length;
                if (txtHotenBaoTro > 0) {

                }
                else {
                    $("#txtMaBaoTro").val('option');
                }
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/Webservice/WebService.asmx/RegisterNPP")%>',
                    data: "{'salesPName':'" + $("#txtHoTen").val() + "','birthDay':'" + $("#txtNgaySinh").val() + "','sex':'" + $("#chGT").val() + "','rootAddress':'" + $("#txtDiaChiThuongTru").val() + "','IDNo':'" + $("#txtSoCMND").val() + "','recommender':'" + $("#txtMaBaoTro").val() + "','address':'" + $("#txtLienHe").val() + "','street':'" + $("#txtTenDuong").val() + "','province':'" + $("#DrTinhTP").val() + "','town':'" + $("#DrQuanHuyen").val() + "','mobile':'" + $("#txtSoDT").val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        window.location.replace("<%=Globals.ApplicationPath %>Page/RegisterSuccess/Default.aspx?salesp_key=" + data.d);
                    }

                });
            }
            else {
                alert("Bạn phải nhập đúng mã xác nhận được gửi tin nhắn từ hệ thống");
            }
        });

        //Dữ liệu nhập là date
        $(function () {
            $("#txtNgaySinh").datePicker(
		{
		    clickInput: true,
		    startDate: '01/01/1950',
		    endDate: (new Date).getDate() + '/' + (new Date).getMonth() + '/' + ((new Date).getFullYear() - 18)
		}
	);
        });

        //kiểm tra dữ liệu nhập vào là số
        $("#txtSoDT").numeric();
        $("#txtSoCMND").numeric();


        //Lấy tên người bảo trợ
        $('#txtMaBaoTro').blur(function () {
            $.ajax({
                type: "POST",
                url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GET_SALESPNAME")%>',
                data: "{'salesp_key':'" + $('#txtMaBaoTro').val() + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    $.each(data.d, function (index, item) {

                        $("#txtHotenBaoTro").val(item.Value);
                        $("#txtDTBaoTro").val(item.Display);

                    });
                }
            });
        });


        //lấy thông tin tỉnh thành
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetProvince")%>',
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                $("#DrTinhTP").get(0).options.length = 0;
                $("#DrTinhTP").get(0).options[0] = new Option("Chọn tỉnh thành", "-1");

                $.each(msg.d, function (index, item) {
                    $("#DrTinhTP").get(0).options[$("#DrTinhTP").get(0).options.length] = new Option(item.Display, item.Value);
                });

                $("#DrTinhTP").bind('change', function () {
                    GetTinhThanh($(this).val());
                });
            },
            error: function () {
                alert("Lỗi hệ thống");
            }
        });
        //end

    });
    //Lấy thông tin người bảo trợ
    function GetRecommender(salesp_key) {
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GET_SALESPNAME")%>',
            data: "{'salesp_key':'" + salesp_key + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $.each(data.d, function (index, item) {
                    
                    $("#txtHotenBaoTro").val(item.Value);
                    $("#txtDTBaoTro").val(item.Display);

                });
            }
        });
    }

    //Lấy thông tinh quận huyện
    function GetTinhThanh(Province) {
        if (Province != "-1") {
            $("#DrQuanHuyen").get(0).options.length = 0;
            $("#DrQuanHuyen").get(0).options[0] = new Option("Đang tải dữ liệu", "-1");

            $.ajax({
                type: "POST",
                url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetTown")%>',
                data: "{'Province':'" + Province + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $("#DrQuanHuyen").get(0).options.length = 0;
                    $("#DrQuanHuyen").get(0).options[0] = new Option("Chọn quận/huyện", "-1");

                    $.each(msg.d, function (index, item) {
                        $("#DrQuanHuyen").get(0).options[$("#DrQuanHuyen").get(0).options.length] = new Option(item.Display, item.Value);
                    });
                },
                error: function () {
                    $("#DrQuanHuyen").get(0).options.length = 0;
                    alert("Lỗi hệ thống" + params);
                }
            });

        }
        else {
            $("#DrQuanHuyen").get(0).options.length = 0;
        }
    }
    //Tao ma random
    function Random() {
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/Webservice/WebService.asmx/GetRandom")%>',
            data: "{'TelNo':'" + $("#txtSoDT").val() + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#Random").hide();
                $("#Random").text(data.d);
              

            }
        });
    }
    

</script>
<div id="popupContact">
		<a id="popupContactClose">x</a>
		<h1>Quy định về việc đăng ký thành viên</h1>
		<p id="contactArea">
			10 NGUYÊN TẮC ĐẠO ĐỨC TRONG KINH DOANH
 <br />
                1.      Không mua bán hay chuyển đổi doanh số giữa cấp quản lý với nhau hoặc với BA.
 <br />
                2.      Không lôi kéo BA của nhóm khác bằng bất cứ hình thức nào.
 <br />
                3.      Không bán hàng vào các cửa hàng mỹ phẩm hoặc trưng bày hàng hóa mà không được sự cho phép.
 <br />
                4.      Không bán giảm giá cho khách hàng so với giá quy định  và không được tư vấn sai cho khách hàng vì mục đích các nhân.
                <br />
                5.      Không được phép đại diện đưa ra các giải thích mang tính pháp lý cũng như thực hiện nghĩa vụ thay.
                 <br />
                6.      Không sử dụng các trang thiết bị của BC cho mục đích riêng ngoài mục đích tư vấn bán sản phẩm.
                 <br />
                7.      Không làm việc cho Công ty khác cũng như tiết lộ các thông tin của BC cho đối thủ cạnh tranh trong thời gian cộng tác.
                 <br />
                8.      Không thực hiện sai chính sách khuyến mãi và hậu mãi của BC đối với khách hàng.
                 <br />
                9.      Không sử dụng bất cứ hành động nào gây ảnh hưởng xấu tới uy tín.
                 <br />
                10.     Không thực hiện sai nội quy và chính sách đã ban hành.
                <br />
                <span class="bt"> <input id="chDoc" name="foo" type="checkbox"/>Tôi đã đọc và chấp nhận các điều khoản trên
                <br />
                Nhập mã xác nhận gửi từ tin nhắn
                <input id="txtMaRandom"  type="text"/>
                 <span class="btButton"> <input class="siteButton" disabled="disabled" value="Đăng Ký" id="btDangKy"  type="button"/>
                </span>
                </span>
               
                
		</p>
	</div>
	<div id="backgroundPopup"></div>

<div class="form" id="login">
            <h1>Đăng ký thành viên</h1>
                      <fieldset>
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin cá nhân</legend>
                        <label for="billingName">Họ tên:</label>
                          <input id="txtHoTen" class="textboxDai"  type="text" /><span style="color:red" id="hotenNPP"></span>
                        <br/>
                        <label for="billingAddress">Số điện thoại:</label>
                        <input id="txtSoDT" type="text"/><span style="color:red" id="sodt"></span>
                        <br/>
                        <label for="billingAddress">Số CMND:</label>
                        <input id="txtSoCMND" type="text"/><span style="color:red" id="cmnd"></span>
                        <br/>
                         <label for="billingAddress">Ngày sinh:</label>
                        <input id="txtNgaySinh" type="text"/><span style="color:red" id="NgaySinh"></span>
                         <br/>
                         <label for="billingAddress">Giới tính (Nam):</label>
                        <input id="chGT"  type="checkbox"/>
                        <br />
                       <label for="billingAddress">Địa chỉ thường trú:</label>
                         <input id="txtDiaChiThuongTru" class="textboxDai"  type="text" />
                        
                      </fieldset>
                     <fieldset>
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin liên lạc</legend>
                         <label for="billingAddress">Địa chỉ liên hệ:</label>
                         <input id="txtLienHe"  type="text" />
                        <br />
                          <label for="billingAddress">Tên đường:</label>
                         <input id="txtTenDuong" class="textboxDai"  type="text" />
                        <br />
                          <label for="billingAddress">Tỉnh/Thành Phố:</label>
                          <select class="Drop" id="DrTinhTP">
                         </select>
                          <br />
                          <label for="billingAddress">Quận/Huyện:</label>
                          <select class="Drop" id="DrQuanHuyen">
                         </select>
                         <br />
                          <label for="billingAddress">Địa chỉ mail:</label>
                         <input id="txtEmail" class="textboxDai"  type="text" />
                        <span id="Random"></span>
                      </fieldset>
                        <fieldset>
                        <legend accesskey="B"><span style="text-decoration: underline;">T</span>hông tin người bảo trợ</legend>
                         <label for="billingAddress">Mã người bảo trợ:</label>
                         <input id="txtMaBaoTro"  type="text" />
                        <br />
                          <label for="billingAddress">Họ tên người bảo trợ:</label>
                         <input id="txtHotenBaoTro" readonly="readonly" class="textboxDai"  type="text" />
                          <br />
                          <label for="billingAddress">Số điện thoại:</label>
                           <input id="txtDTBaoTro" readonly="readonly" type="text" />
                      </fieldset>
        <div id="buttons">
            <input id="btTT" type="button" class="siteButton" value="Tiếp tục" />
         </div>
         <div id="myDiv"></div>
  </div>